@charset "UTF-8";
/* CSS Document */
.login{ background:url(../images/login-bg.png) bottom no-repeat !important; border: 0px solid #666 ; color: #FFF; }
.head-login{ background: url(../images/login-bg.png) top no-repeat !important;border: 0px solid #333; color: #FFF;font-weight: bold; border-bottom:0px;padding:5px; text-align: left; margin-bottom:.5em}
.head-login img{ margin:8px 10px;}
.margin-b5{ margin-bottom:5px;}
.margin-b10{ margin-bottom:10px;}
.mar-top5{margin-top:5px;}
.second-caption50{display:inline-block; width:50px; text-align:right}

.news-paper  td { border: #CCC 1px solid; text-align:center;}
.news-paper  td img { border:0;}

.home-regist-button a{ display:block; margin-bottom:0.5em}
.side-top-item{ padding:.5em; text-align:center; border-bottom:solid 1px #999;}
.side-top-item img{ margin:.2em; float:left}
.side-top-item .book-name{ padding:0; margin-top:10px; float:left; width:110px;}
.book-name {color: #000; font-size:1em;}
.book-detail {color: #000; font-size:1em}

/*.section-header{ height:2em; line-height:2em; font-weight:bold; text-align:left; text-indent:.5em;font-size:large; color:#167090}*/
.section-header{ height:2em; line-height:2em; font-weight:bold; text-align:left; text-indent:.5em;font-size:large;}
.section-header a {color:#167090}
.section-name{ height:2em; line-height:2em; font-weight:bold; text-align:center}
.form-button { height:4em; line-height:4em}
.topic-header1 {border-style: none none solid none; border-width: 1px; background-color:#99CCFF;border-color: black;padding:5px;}

.page-name {font-weight:bold; text-align:center;font-size:large; color:#167090; padding-top:5px; padding-bottom:5px;}
.search-holder{padding:.2em; text-align:right}
.search-result{padding:.2em; margin:.5em;  text-align:left}
.action-holder{padding:.2em; text-align:right}
.list-holder{padding:.2em; margin-bottom:1em}
.ajax-content{padding:.2em}

/*book*/
/*.book-list-item{ float:left; padding:10px; width:148px; text-align:center; border-right: dotted 1px #CCC }*/
.book-list-item{display:block; padding-top:10px; width:170px; height:255px; text-align:center; border-right: dotted 1px #CCC }
/*.book-list-item .book-name { text-indent:1em;  font-weight:bold; width:124px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; }*/
.book-list-item .book-name {text-align:left;  font-weight:bold; width:150px; height:33px;word-break:break-all  }
/*.book-list-item .book-top{background:url(../images/book-top.jpg) top right no-repeat; height:30px}
.book-list-item .book-bottom{background:url(../images/book_bottom.jpg) bottom right no-repeat; height:50px;}*/
.book-list-item .bookCover {margin:.2em; padding:0.2em; text-align:center;}
.book-list-item .bookCover .cover{height:170px; width:165px; margin-left:auto; margin-right:auto}
.book-list-item .bookCover .cover.series {background:url(../images/bg-series.png) bottom right no-repeat}
/*.book-list-item .bookCover img { width:90px; height:135px; margin-top:5px}*/
.book-list-item .bookCover img { margin-top:5px}
/*.book-list-item .bookMeta div{ padding:0.2em;}*/

.bookMeta{padding:.2em}
.bookMeta div{ padding:0.2em;}
/**/

.headlist {padding:5px}
.childFav {padding:5px 5px 5px 50px}
.headlist img{ margin-right:5px ; vertical-align:middle }
.childFav img{ margin-right:5px ; vertical-align:middle }

.newspaper-head{ background-color:white}
.newspaper-head button{ float:right; margin-top:1em}
.newspaper-list{ background-color:white}
table.newspaper-list img{cursor:pointer}

/*fix*/
#topFavHolder .ui-accordion-content{ overflow:hidden; height:580px}

/**/
.foolter {margin-top:50px; color:#FFF; background-image:url(../images/foot.png); padding-top:18px; height:51px; text-align:center}

/*newspaper*/
#newpaperShow{ width:800px; height:540px}
#newpaperToolsbar{ height:45px; background-image:url(../images/bg_newspaper_toolbar.jpg); padding-top:15px; text-align:center}
#newpaperToolsbar input{ text-align:center}

/**/
fieldset{ padding:5px; border: solid 1px #ccc}
fieldset legend{ margin-bottom:2px; font-weight:bold}
.button-holder { padding:10px; text-align:center}
.confirmMes{ padding:5px; text-align:center}
.select-result{ font-weight:bold; padding:10px}
.padding4{ padding:4px}
.tableCaption{ width:25%; text-align:right;}
#iconResourceList{  list-style:none}
#iconResourceList li { float:left}
#iconResourceList li input{ float:left}
/*resource category*/
.mainCategory{ font-weight:bold;border-bottom:solid 1px #666; padding:.2em; cursor:move}
.mainCategory:hover{ border:dashed 1px #666}
.mainCategory .ui-icon{ float:left; cursor:pointer;}
.mainCategory .caption{ float:left; padding:.3em}
.mainCategory .editCategory{ float:right}
.subCategory{ padding:.5em; margin:0; list-style:none; cursor:move}
.subCategory li{ margin-left:10px; padding:.2em; clear:both}
.subCategory li:hover{ border:dashed 1px #666}
.subCategory .caption{ float:left; padding:.3em;}
.subCategory .editCategory{ float:right}

/*30/11/2010*/
.viewDetail { text-decoration:underline; cursor:pointer}
/*1/12/2010*/
.noMember td{ color:#999!important}
.expireMember td{color:#C00!important}
/*8/12/2010*/
.oldData{ padding:.5em}
/*10/12/2010*/
.subMenuContent{text-indent:20px}
/*05/01/2011*/
.serieName{ padding:4px; text-align:left; font-weight:bold}
.serieName span{ text-decoration:underline; cursor:pointer}
/*
.bookbutton{ border:none!important; margin:0!important}
.bookbutton span{ padding:0!important}*/
.bookbutton{ cursor:pointer}
/*17/01/2011*/
.linkOpen {cursor:pointer; text-decoration:underline}

/*regis-importList*/
.importList{padding:10px}
#completeList{padding-left:15px; font-weight:bold}

/**/
#searchAll{text-align:center; padding:10px}
#tableAdvancedSeach{padding:10px}
/* แก้ accordion*/
/*.ui-accordion-header.ui-state-default{ background-color:#FFF!important; background-image:none!important}
.ui-accordion-header.ui-state-active{ background-color:#FFF!important; background-image:none!important}
.ui-accordion-header.ui-state-focus{ border-color:#426339!important}*/
/*แก้ tab*/
.ui-tabs-selected.ui-state-active{ background-color:#FFF!important; background-image:none!important}
/*แก้ menu บน*/
.topMenuItem{margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:-1px; float:left;  line-height:44px; height:44px;  padding: 0 4px 0 4px;}
.topMenuItem.ui-state-default { background-color:none!important; background-image:none!important; border:none!important; color:#167090; font-size:large;border-right: solid 1px #D0D0C8!important}
.topMenuItem.ui-state-active { background-color:none!important; background-image: url(../images/bg-topMenuActive.jpg)!important; background-position: 50% 50%; background-repeat:repeat-x; color:Black}
/*alt*/
.altRow { background-color: #DFFEDE}

/*table* of Data Forms*/
td.Caption { vertical-align:text-top; text-align:right; padding-top:10px; padding-bottom:10px;}
td.standard { text-align:left; padding-top:10px; padding-bottom:10px; padding-left:5px;}
th.standard { padding-top:10px; padding-bottom:10px; text-align:center;padding-left:5px;}
/*.input-readOnly {background-color:#EEEEEE;border-width:thin}*/
.input-readOnly {background-color: #DDDDDD;border-width:thin}
/*report*/
th.ReportColumn { vertical-align:middle; text-align:center; padding-top:10px; padding-bottom:10px; background-color:Gray;}
td.ReportColumn { padding-top:10px; padding-bottom:10px; padding-left:10px;}
.pageOfDetail {margin-top:10px;height:496px;overflow:auto;}
#userStatusFlowMsg{color:Red; text-align:center;}
.oldUserData {color:Red; padding:5px 5px 5px 10px;}


/*for silde Brand*/
.brandSlide{ border-bottom:3px outset #0000ff; border-top: 3px outset #0000ff;}
.BS_btnBack{background-color:#3366FF; width:20px; cursor:pointer;height:100%;float:left;display:block;position:relative;border-right:1px dotted #000000;}
.BS_btnBack:hover{ background-color:#3399FF;}
.BS_btnForward{ background-color:#3366FF; width:20px;cursor:pointer;height:100%;float:right;display:block;position:relative;border-left:1px dotted #000000;}
.BS_btnForward:hover{ background-color:#3399FF;}
.Bs_brandBox{display:block;float: left;padding: 5px 0px 15px 0px ;width:175px;text-align: center; margin:0px 0px 0px 0px;}
.Bs_brandBox:hover{border-radius:10px; border :0px groove #00FFFF;box-shadow: 0px 0px 6px #000 inset;}
.Bs_brandBox_active{border-radius:10px; border :0px groove #00FFFF;box-shadow: 0px 0px 6px #000 inset;}
.Bs_imageBox{height:60px;width:100px;}
.frameWrapper{height:100%;position:relative;display:block;float:left;}
.wrapper{margin:5px 5px 5px 5px;}


/*for silde color*/
.CS_Box{display:block;float: left;width:23px;text-align: center; margin:0px 0px 0px 2px; height:90%; vertical-align:bottom;}
.CS_Box:hover{border :1px groove #0000ff;}
/*Css button */

.ElBtnOrderAuthStatus-Waiting{ cursor:pointer; background:url(../images/iconWaitingApprove.png) no-repeat center;background-color:#FF8F00;border-radius:0px;border :1px solid rgb(255, 194, 63);padding:5px 12px 5px 12px;width:16px;height:16px;}
.ElBtnOrderAuthStatus-Waiting:hover{ background-color:#00FF14;}
.ElBtnOrderAuthStatusDisable-Waiting{background:url(../images/iconWaitingApprove.png) no-repeat center;background-color:#969696;border-radius:0px;border :1px solid rgb(255, 194, 63);padding:5px 12px 5px 12px;width:16px;height:16px;}

.ElBtnOrderAuthStatus-Approved{cursor:pointer;background:url(../images/iconApprove.png) no-repeat center;border-radius:0px;padding:5px 12px 5px 12px;width:16px;height:16px;}
.ElBtnComment { cursor:pointer; background:url(../images/iconComment.png) no-repeat center;background-color:rgba(255, 255, 255, 0)!important;border-radius:0px;border :0px solid rgb(255, 194, 63);padding:5px 12px 5px 12px;width:16px;height:16px;}
.ElBtnComment:hover{ background-color:#00FF14;}
.ElBtnCommentDisable {background:url(../images/iconCommentDisable.png) no-repeat center;background-color:rgba(255, 255, 255, 0)!important;border-radius:0px;border :0px solid rgb(255, 194, 63);padding:5px 12px 5px 12px;width:16px;height:16px;}

.ElBtnRefresh { cursor:pointer; background:url(../images/iconRefresh.png) no-repeat center; background-color: rgba(255, 255, 255, 0)!important; border-radius: 50px; border: 1px solid rgb(197, 196, 195); padding: 2px 9px 2px 9px;width:16px;height:16px;}
.ElBtnRefresh:hover{ background-color:#00FF14!important;}
.ElBtnRefreshDisable {background:url(../images/iconRefreshDisable.png)  no-repeat center; background-color: rgba(139, 139, 139, 0.33)!important; border-radius: 50px; border: 1px solid rgb(197, 196, 195); padding: 2px 9px 2px 9px;width:16px;height:16px;}

.ElBtnLink {display:table-cell; text-align:center; vertical-align:middle; cursor:pointer; background:url(../images/iconDoc2.png) no-repeat center; background-color: rgba(255, 255, 255, 0)!important;padding: 2px 2px 2px 2px;width:20px;height:20px;}
.ElBtnLink span { margin:5px 0px 0px 0px; display:inline-block;color: #000000; font-weight: 500!important;font-size:12px;text-shadow: 2px 2px 2px rgb(252, 255, 254);}
.ElBtnLink:hover{box-shadow: 2px 2px 5px #CAE029;}
.ElBtnLinkDisable {background:url(../images/iconDoc2.png)  no-repeat center; background-color: rgba(139, 139, 139, 0.33)!important;padding: 2px 9px 2px 9px;width:16px;height:16px;}

.deletButtonCircle{ cursor:pointer; background:url(../images/iconDelete.png) no-repeat center; position:absolute; right:5px;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 2px 2px 2px;width:16px;height:16px;}
.deletButtonCircle:hover{ background-color:#ff4040;}
.deletButton{ cursor:pointer; background:url(../images/iconDelete.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.deletButton:hover{ background-color:#ff4040;}
.deleteButtonDisable{ background:url(../images/iconDelete.png) no-repeat center;background-color:Gray;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.editButton{ cursor:pointer; background:url(../images/iconEdit.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.editButton:hover{ background-color:Yellow;}
.cancelButton{ cursor:pointer; background:url(../images/iconCancel.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.cancelButton:hover{ background-color:Yellow;}
.uploadButton{ cursor:pointer; background:url(../images/iconUpload.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.uploadButton:hover{ background-color: Yellow;}
.downloadButton{ cursor:pointer; background:url(../images/iconDownload.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.downloadButton:hover{ background-color: Yellow;}
.nextButton{ cursor:pointer; background:url(../images/iconNext.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 3px #000;padding:2px 3px 2px 3px;width:16px;height:16px;}
.nextButton:hover{ background-color: Yellow;}
.conversionButton{ cursor:pointer; background:url(../images/iconConversion.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:5px 15px 5px 15px;width:16px;height:16px;}
.conversionButton:hover{ background-color:Yellow;}

.editButtonDisable{ background:url(../images/iconEdit.png) no-repeat center;background-color:Gray;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.circleButton{ cursor:pointer;border-radius:90px!important;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 2px 2px 2px;width:16px;height:16px;}
.viewButton{ cursor:pointer; background:url(../images/iconView.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.viewButton:hover{ background-color:Green;}
.viewButtonDisable{ background:url(../images/iconView.png) no-repeat center;background-color:Gray;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.noteButton{ cursor:pointer; background:url(../images/iconNote.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.noteButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}

.userGroupButton{ cursor:pointer; background:url(../images/iconUserGroup.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:3px 12px 3px 12px;width:16px;height:16px;}
.userGroupButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.userButton{ cursor:pointer; background:url(../images/iconUser.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:3px 12px 3px 12px;width:16px;height:16px;}
.userButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.lockButton{ cursor:pointer; background:url(../images/iconLock.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:3px 12px 3px 12px;width:16px;height:16px;}
.lockButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}

.noteExist{background:url(../images/iconNoteExist.png) no-repeat center!important;}
.briefButton{ cursor:pointer; background:url(../images/iconBrief.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.briefButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.infoButton{ cursor:pointer; background:url(../images/iconInfo.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.infoButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.copyButton{ cursor:pointer; background:url(../images/iconCopy.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.copyButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.copyButtonDisable{ background:url(../images/iconCopy.png) no-repeat center;background-color:Gray;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}

.packagingButton{ cursor:pointer; background:url(../images/iconpackaging.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.packagingButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.cartonButton{ cursor:pointer; background:url(../images/iconpackaging.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.cartonButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.priceTagButton{ cursor:pointer; background:url(../images/iconPriceTag.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.priceTagButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.commuButton{ cursor:pointer; background:url(../images/iconCommu.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:3px 12px 3px 12px;width:16px;height:16px;}
.commuButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.calendarButton{ cursor:pointer; background:url(../images/iconCalendar.png) no-repeat center;display: block;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:10px 7px 10px 7px}
.calendarButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.brushButton{ cursor:pointer; background:url(../images/iconBrush.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.brushButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}

.iconProcessing{ cursor:pointer; background:url(../images/iconProcessing.png) no-repeat center;border :0px solid #FFFFFF; padding: 5px 2px 5px 25px;width:16px;height:16px;}

.replyButton{ cursor:pointer; background:url(../images/iconReply.png) no-repeat center;background-color:#FFFFFF;border-radius:5px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.replyButton:hover{ background-color:Yellow;}

.historyButton{ cursor:pointer; background:url(../images/iconHistory.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.historyButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}
.specButton{ cursor:pointer; background:url(../images/iconSpec.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.specButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}

.printButton{ cursor:pointer; background:url(../images/iconPrint.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.printButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}


.printBarCodeButton{ cursor:pointer; background:url(../images/iconPrintBarCode.png) no-repeat center;background-color:#FFFFFF;border-radius:10px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #FACD1B;padding:5px 15px 5px 15px;width:16px;height:16px;}
.printBarCodeButton:hover{ background-color:Yellow;border :1px solid #F5FF0F;box-shadow:2px 2px 5px #F5FF0F;}


.saveButton{ cursor:pointer; background:url(../images/iconSave.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 10px 2px 10px;width:16px;height:16px;}
.saveButton:hover{ background-color:Yellow;}
.saveButtonDisable{ background:url(../images/iconSave.png) no-repeat center;background-color:Gray;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:4px 13px 4px 13px;width:16px;height:16px;}

.sendEmailButton{ cursor:pointer; background:url(../images/iconSendEmail.png) no-repeat center;background-color:#FFFFFF;border-radius:90px;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:4px 13px 4px 13px;width:16px;height:16px;}
.sendEmailButton:hover{ background-color:#9EFFF7;border :1px solid #FFFFFF;box-shadow:2px 2px 5px #90C0F5;}
.disableLinkButton {text-decoration:underline; color:Gray;}
.maximumButton{ cursor:pointer;background-color:#FFFFFF;border-radius:90px!important;border :1px solid #FFFFFF;box-shadow: 2px 2px 5px #000;padding:2px 2px 2px 2px;width:16px;height:16px;}
.maximumButton:hover{ background-color:#ff4040;}

.activeButton{ background-color: #FFFFFF;vertical-align:bottom;border-radius:5px; border: 1px groove #DBE2A5; box-shadow: 1px 1px 2px rgb(9, 194, 240);}
a img {border: none; }
a.linkAction{text-decoration: none;color:Black;}
/*for silde materialSlide*/
.MS_Box{display:block;float: left;width:147px;text-align: center; margin:0px 0px 0px 5px; height:90%; vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
.MS_Box:hover{border :1px groove #0000ff; }
/*for silde LicenseSlide*/
.LS_Box{display:block;float: left;width:167px;text-align: center; margin:0px 0px 0px 5px; height:90%; vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
.LS_Box:hover{border :1px groove #0000ff; }

/*for silde LicenseSlide*/
.SS_Box{display:block;float: left;width:169px;text-align: center; margin:0px 0px 0px 5px; height:90%; vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
.SS_Box:hover{border :1px groove #0000ff; }
/*for side BasePatternsSlide*/
.BPS_Box{display:block;float: left;width:167px;text-align: center; margin:0px 0px 0px 5px; height:90%; vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
.BPS_Box:hover{border :1px groove #0000ff; }
.BPS_basePatternActive{ background-color:#00FFFF;vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
/*for sid StyleBasicSlide*/
.SBS_Box{display:block;float: left;width:126px;text-align: center; margin:0px 0px 0px 5px; height:90%; vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
.SBS_Box:hover{border :1px groove #0000ff; }
.SBS_styleBasicActive{ background-color:#00FFFF;vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
/*for StyleBasicBrandCharacterSlide*/
.SBBCS_Box{display:block;float: left;width:69px;text-align: center; margin:0px 0px 0px 5px; height:90%; vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
.SBBCS_Box:hover{border :1px groove #0000ff; }
.SBBCS_Active{ background-color:#00FFFF;vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}

/*for Active Slide*/
.ActiveSlide{background-color:#00FFFF;vertical-align:bottom;border-radius:10px; border :1px groove #00FFFF;box-shadow: 2px 2px 5px #000;}
/*dlg*/
.filterDlg{background-color:#98B0FF; padding:5px 0px 10px 0px;border: 1px solid rgb(5, 24, 243);}

.Highlight{ background-color:Yellow;}
/*button*/
.dlgButton{ padding: 6px 0px 6px 0px!important; top:-2px;}
.btnNoneCaption{ padding: 6px 0px 6px 0px; top:-2px;}
.orderByButton{ cursor:pointer;background-color:#FFFFFF;border-radius:5px;border :1px solid #000;padding:2px 10px 2px 10px;width:16px;height:16px; margin:0px 2px 0px 2px}
.orderByButton:hover{ background-color:Yellow;}
.orderByButton_ASC{ cursor:pointer; background:url(../images/icon_sortingAsc.png) no-repeat center;}
.orderByButton_DESC{ cursor:pointer; background:url(../images/icon_sortingDesc.png) no-repeat center;}


.screenID{ float:right; font-size: 8pt; padding:2px 30px 0px 0px;}

.devStatus_NewStyles{ color:Red; padding:5px 5px 5px 5px; border :1px solid #B7BEB6;width:16px;height:16px;}
.devStatus_ExistingStyles{ color:Green;padding:5px 5px 5px 5px; border :1px solid #B7BEB6;width:16px;height:16px;}
.devStatus_StylesAmends{ color:Yellow;padding:5px 5px 5px 5px;  background-color:#B3BE60; border :1px solid #B7BEB6;width:16px;height:16px;}


table.formInput thead th  { padding:2px 4px 2px 2px;}
table.formInput tbody td { padding:3px 5px 3px 5px;}

td { vertical-align:middle;}

.ImageFrame{ background-color:#FFFFFF;padding:6px 5px 6px 5px;vertical-align:bottom;border-radius:10px; border: 1px groove rgb(252, 236, 154); box-shadow: 2px 2px 5px #FFF4BD;}

.autoComplete{ position:absolute; z-index:1900; background-color:White;}
.autoComplete ul { margin:0px;list-style-type: none;padding:0px;border :1px solid #B7BEB6;}
.autoComplete ul li { padding: 2px 5px 2px 5px;cursor:pointer;}
/*.liAutoComplete:hover {border-radius: 1px; border: 1px groove #60FAF4;box-shadow: 1px 1px 2px black;}*/
.liAutoCompleteHover {border-radius: 1px; border: 1px groove #60FAF4;box-shadow: 1px 1px 2px black;}
.colorDish { float:left; display:block;border-radius: 5px;border: 1px solid #E4E4E4; margin-left:5px; vertical-align:middle;}
.alertStatusBox  {padding:5px 25px 0px 0px;border-radius: 5px;border: 1px solid #E4E4E4; margin-left:5px;}

/* validate */
.validateMes {position:absolute;opacity:0.9; z-index:1900;}
.btnCloseValidateMes {cursor:pointer;position:absolute; right:5px;border-radius:90px;padding:0px 5px 0px 5px;}
.btnCloseValidateMes:hover{ background-color:#ff4040;}
.filterBox{ padding :10px 5px 10px 5px;display:block;text-align: right; margin:0px 0px 0px 0px; height:100%; vertical-align:bottom;border-radius:5px; border :1px groove #C1C48B;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.37);}

.uploadDlg{background-color: White; border-radius:5px; border :1px groove #C1C48B;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.37);}

.headerBoxSectionDlg{ padding :10px 5px 10px 10px;display:block; background-color: rgba(173, 215, 255, 0.22); margin:0px 0px 0px 0px; height:100%; vertical-align:bottom;border-radius:5px; border :1px groove #C1C48B;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.37);}

.Yes{background-color:green;border-radius:90px;border :0px solid #FFFFFF;box-shadow: 0px 1px 2px #000;padding: 0px 8px 0px 8px;width:10px;height:10px;}
.No{background-color:red;border-radius:90px;border :0px solid #FFFFFF;box-shadow: 0px 1px 2px #000;padding: 0px 8px 0px 8px;width:10px;height:10px;}

.label{display: inline-block; text-align:right;}

input:disabled {background-color: #FFFFFF;}

select[disabled] 
{
    background-color: #FFFFFF;
}

input[type="checkbox"][disabled] 
{
    background-color: #FFFFFF;
}

input[type="radio"][disabled] 
{
    background-color: #FFFFFF;
}

.fixTable{table-layout:fixed;}
table.fixTable thead th {white-space:normal;padding:5px 2px 5px 2px;}
.toolTipsImage{height:150px;width:200px;}

.StylesButton{ color:White;  display:inline-block;cursor:pointer; padding:5px 0px 0px 0px; text-align:center;height:20px; border-radius:5px!important;border :1.5px solid #03F; background-color:#0073c5;}
.StylesButton:hover{ background-color:#00a5df;box-shadow: 2px 2px 5px #000;}

.SamplesButton{color:White;display:inline-block;cursor:pointer; padding:5px 0px 0px 0px; text-align:center;height:20px; border-radius:5px!important;border :1.5px solid #03F; background-color:#ec7600;}
.SamplesButton:hover{ background-color:#fdaa62;box-shadow: 2px 2px 5px #000;}
.SamplesDisableButton{color:White;display:inline-block;padding:5px 0px 0px 0px; text-align:center;height:20px; border-radius:5px!important;border :1.5px solid #03F; background-color:Gray;}

.SelectionsButton{color:White;display:inline-block;cursor:pointer; padding:5px 0px 0px 0px; text-align:center;height:20px; border-radius:5px!important;border :1.5px solid #03F; background-color:#f0db00;}
.SelectionsButton:hover{ background-color:#f1e790;box-shadow: 2px 2px 5px #000;}


table.filter-Content{background-color:#98B0FF; padding:5px 0px 5px 0px;border: 0px solid rgb(5, 24, 243);}

.colorStatus{border-radius:90px;border :0px solid #FFFFFF;box-shadow: 0px 1px 2px #000;padding: 0px 8px 0px 8px;width:10px;height:10px;}

.ButtonDisable{ background-color: silver!important;border :1px solid #FFFFFF;}
.ButtonDisable:hover{ cursor:default; background-color:silver!important;border :1px solid #FFFFFF;}

.FilterType_Begin{background-size:10px 10px;padding-left:0px; border:1px solid blue;}
.FilterType_Contains{background-size:10px 10px;padding-left:0px;border:1px solid blue;}
.FilterType_Equal { background-size:10px 10px;padding-left:0px;border:1px solid blue;}

.styleBasicRevisionSelectList{border-radius:90px;border :0px solid #FFFFFF; background-color:rgb(58, 172, 248);box-shadow: 0px 1px 2px #000;padding: 8px 13px 8px 13px; margin:2px; cursor:pointer;}
.styleBasicRevisionSelectList:hover{border-radius:90px;border :0px solid #FFFFFF; background-color:rgb(195, 228, 250);box-shadow: 0px 1px 2px #000;padding: 8px 13px 8px 13px; margin:2px; cursor:pointer;}
.styleBasicRevisionSelectList_Active{border-radius:90px;border :0px solid #FFFFFF; background-color:Yellow;box-shadow: 0px 1px 2px #000;padding: 8px 13px 8px 13px; margin:2px; cursor:pointer;}
td.mutiLine{ white-space:normal!important}
.style-note {
  width: 100%;
  margin-bottom: 20px;
}
.style-note td:not(:first-child) {
  padding: 8px;
  line-height: 20px;
  vertical-align: top;
  text-align:left;
  border-bottom: 1px solid #dddddd;
  overflow:inherit;
}
.style-note td:first-child {
  padding: 8px;
  line-height: 20px;
  text-align:left;
  vertical-align: top;
  color:Blue;
}
.style-note td:last-child {
  padding: 8px;
  line-height: 20px;
  text-align:right;
  vertical-align: top;
}

.btnFullScreen {cursor:pointer; background:url(../images/iconFullScreen.png) no-repeat center;background-size:24px 24px;}
.btnShotcutMenu {cursor:pointer; background:url(../images/iconShotcutMenu.png) no-repeat center;background-size:24px 32px;}


.download-appsartwork {
  width: 100%;
  margin-bottom: 20px;
}
.download-appsartwork th,
.download-appsartwork td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
.download-appsartwork th {
  font-weight: bold;
}
.download-appsartwork thead th {
  vertical-align: bottom;
}
.download-appsartwork caption + thead tr:first-child th,
.download-appsartwork caption + thead tr:first-child td,
.download-appsartwork colgroup + thead tr:first-child th,
.download-appsartwork colgroup + thead tr:first-child td,
.download-appsartwork thead:first-child tr:first-child th,
.download-appsartwork thead:first-child tr:first-child td {
  border-bottom: 0;
}
.download-appsartwork tbody + tbody {
  border-bottom: 2px solid #dddddd;
}

.textButton{color:white; cursor:pointer; background-color: #287EFF;border-radius:10px; border: 1px solid #330DFA;padding:3px 10px 5px 2px;width:16px;height:16px;}
.textButton:hover{ background-color: rgb(88, 181, 253); border: 1px solid #120094; box-shadow: 1px 1px 2px #0F79FF;}

.iconPrinting {background:url(../images/iconPrint.png) no-repeat center;padding:5px 10px 5px 10px;width:20px;height:20px;}
.PrintPreviewButton{color:white; cursor:pointer; background-color: #287EFF;border-radius:10px; border: 1px solid #330DFA;padding:5px 10px 5px 10px;width:16px;height:16px;}
.PrintPreviewButton:hover{ background-color: rgb(88, 181, 253); border: 1px solid #120094; box-shadow: 1px 1px 2px #0F79FF;}
.PrintfButton{color:white; cursor:pointer; background-color: #287EFF;border-radius:10px; border: 1px solid #330DFA;padding:5px 10px 5px 10px;width:16px;height:16px;}
.PrintfButton:hover{ background-color: rgb(88, 181, 253); border: 1px solid #120094; box-shadow: 1px 1px 2px #0F79FF;}
.downloadfButton{color:white; cursor:pointer; background-color: #287EFF;border-radius:10px; border: 1px solid #330DFA;padding:5px 10px 5px 10px;width:16px;height:16px;}
.downloadfButton:hover{ background-color: rgb(88, 181, 253); border: 1px solid #120094; box-shadow: 1px 1px 2px #0F79FF;}
.iconDownload {background:url(../images/iconDownload.png) no-repeat center;padding:5px 10px 5px 10px;width:20px;height:20px;}

input.textAlign_left { text-align:left!important}
input.textAlign_center { text-align:center!important}
input.textAlign_right { text-align:right!important}
div.textAlign_left { text-align:left!important}
div.textAlign_center { text-align:center!important}
div.textAlign_right { text-align:right!important}

.iconImage_Empty {background:url(../images/Image_Empty.png)no-repeat center!important;padding:0px!important;width:0px!important;height:0px;}
.iconDoc {background:url(../images/iconDoc.png)no-repeat center!important;padding:0px!important;width:16px;height:16px;}
.iconBlank {background:url(../images/Image_Empty.jpg)no-repeat center!important;padding:0px!important;width:0px!important;height:0px!important;}
.taskbar {background-color: rgb(238, 238, 240);}


/*grid*/
table.jq-tableGrid {border-collapse:collapse;}
tr.jq-bgrow td {font-weight: normal; overflow: hidden;height: 30px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
tr.jq-hgrow th {font-weight: normal; overflow: hidden;height: 30px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}

/*tmis-calendar*/
.tmis-calendar {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 7px 7px 3px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.tmis-calendar table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.tmis-calendar tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.tmis-calendar table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tmis-calendar table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.tmis-calendar tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.tmis-calendar tr:hover td{
	
}
.tmis-calendar tr:nth-child(odd){ background-color:#aad4ff; }
.tmis-calendar tr:nth-child(even)    { background-color:#ffffff; }.tmis-calendar td{
	vertical-align:top;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:2px;
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
	height:80px;
}.tmis-calendar tr:last-child td{
	border-width:0px 1px 0px 0px;
}.tmis-calendar tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tmis-calendar tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tmis-calendar tr:first-child td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
    height:20px;
    width:180px;
	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	vertical-align:middle;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.tmis-calendar tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	background-color:#005fbf;
}
.tmis-calendar tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tmis-calendar tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/*tmis-calendar label*/
.label-calendar{
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  cursor:pointer;
}

.label-calendar {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.label-important{
  background-color: #b94a48;
}

.label-warning {
  background-color: #f89406;
}

.deleteLine td 
{
    background-color: Red;
}
.ui-checkbox-checked {background: url(../images/iconCheckBox1.jpg) no-repeat;width:12px;height:10px;}
.ui-checkbox-unchecked  {background: url(../images/iconCheckBox0.jpg) no-repeat;width:12px;height:10px;}
.list_menu_shotcut {height:30px; padding: 5px 5px 5px 5px;border:1px solid black; background-color:#F3F3F3; cursor:pointer;}
.list_menu_shotcut:hover{ background-color:#00a5df;box-shadow: 2px 2px 5px #000;}


.StylesCopyButton{ color:White;  display:inline-block;cursor:pointer; padding:5px 0px 0px 0px; text-align:center;height:20px; border-radius:5px!important;border :1.5px solid #03F; background-color:#0073c5;}
.StylesCopyButton:hover{ background-color:#00a5df;box-shadow: 2px 2px 5px #000;}

.StylesSearchAndSelectButton{ color:White;  display:inline-block;cursor:pointer; padding:5px 0px 0px 0px; text-align:center;height:20px; border-radius:5px!important;border :1.5px solid #03F; background-color:#A85F97;}
.StylesSearchAndSelectButton:hover{ background-color:#E099D0;box-shadow: 2px 2px 5px #000;}

.StyleConversionButton{ color:White;  display:inline-block;cursor:pointer; padding:5px 0px 0px 0px; text-align:center;height:20px; border-radius:5px!important;border :1.5px solid #03F; background-color:#FF8845;}
.StyleConversionButton:hover{ background-color:#FFBF9B;box-shadow: 2px 2px 5px #000;}
div.multiCheckBox {border: 1.5px solid #6F7075;padding:3px;}

.DisplayToLabel {border:0; background-color:  rgba(255, 255, 255, 0);}

.default-input { color:rgb(255, 126, 0);}
.default-input-dish{  background-color:rgb(255, 126, 0);}

/*multi select*/
.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.ms-choice {
    display: block;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}
.ms-choice.ms-disable
{
    background-color: #DDDDDD!important;    
}
.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('../images/multiple-select.png') right top no-repeat;
}
.captionMSHead {
    width:97%;border: none;
}
.ms-choice > div.open {
    background: url('../images/multiple-select.png') left top no-repeat; background-color: inherit; height:20px; top:3px; right:1px;
}

.ms-drop{
    position: absolute;top: 0px; z-index:1200; background-color:White; width:100%;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
    text-align:left;
    list-style-type:none;
}
.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.ms-drop input[type="checkbox"] {
    vertical-align: middle;
    margin: 3px 3px 3px 4px;
}
.ms-drop label {
    vertical-align: middle;
    margin: 0;padding: 0;
}
.content ul > li:before {
  content: '';
  display: block;
  position: absolute;
  left: -17px;
  top: 7px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #9090aa;
  
}
/*multi select*/
/*animation function css*/
div.animation_New,div.animation_Update
{
    background:red;
    -webkit-animation-name: animation_New_function;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;  
    /* Standard syntax */
    animation-name: animation_New_function;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running; 
}
/* Chrome, Safari, Opera */
@-webkit-keyframes animation_New_function
{
    from {background:red;}
    to {background:yellow;}
}
/* Standard syntax */
@keyframes animation_New_function
{
    from {background:red;}
    to {background:yellow;}
}
/* Shipping icon*/
.icon-Shipping{ border: 0px solid #FF00FF; background:url('../images/iconShip.png');display : inline-block;width:40px; height:30px;}
.icon-ship-IntransitSea { background-position:-44px -90px; }
.icon-ship-IntransitAir { background-position:-124px -50px;}
.icon-ship-Factory { background-position:-44px -8px;}
.icon-ship-ReceivedbyUK { background-position:-124px -87px;}
.icon-ship-Docking { background-position:-0px -44px; }
.icon-ship-IntransitRoad { background-position:-44px -130px; }
.icon-ship-ReceivedPartial { background-position:-84px -130px; }
/* $.fn.jWorkflow */
.wf-wait {background: url(../images/icon_wf_wait.png) no-repeat;width:22px;height:22px;display: inline-block;}


/*custom button color*/
.btn-color-green1{
	-moz-box-shadow:inset 0px -12px 7px 0px #3dc21b!important;
	-webkit-box-shadow:inset 0px -12px 7px 0px #3dc21b!important;
	box-shadow:inset 0px -12px 7px 0px #3dc21b!important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a))!important;
	background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%)!important;
	background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%)!important;
	background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%)!important;
	background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%)!important;
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0)!important;
	background-color:#44c767!important;
}
.btn-color-green1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767))!important;
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%)!important;
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%)!important;
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%)!important;
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%)!important;
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0)!important;
	background-color:#5cbf2a!important;
}
.btn-color-green1:active {
	position:relative;
	top:1px;
}

.btn-color-red1
{
    -moz-box-shadow:inset 0px -3px 7px 0px #ff2b2b!important;
	-webkit-box-shadow:inset 0px -3px 7px 0px #ff2b2b!important;
	box-shadow:inset 0px -3px 7px 0px #ff2b2b!important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f72e2e), color-stop(1, #fa0808))!important;
	background:-moz-linear-gradient(top, #f72e2e 5%, #fa0808 100%)!important;
	background:-webkit-linear-gradient(top, #f72e2e 5%, #fa0808 100%)!important;
	background:-o-linear-gradient(top, #f72e2e 5%, #fa0808 100%)!important;
	background:-ms-linear-gradient(top, #f72e2e 5%, #fa0808 100%)!important;
	background:linear-gradient(to bottom, #f72e2e 5%, #fa0808 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f72e2e', endColorstr='#fa0808',GradientType=0)!important;
	background-color:#f72e2e!important;

}
.btn-color-red1:hover
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa0808), color-stop(1, #f72e2e))!important;
	background:-moz-linear-gradient(top, #fa0808 5%, #f72e2e 100%)!important;
	background:-webkit-linear-gradient(top, #fa0808 5%, #f72e2e 100%)!important;
	background:-o-linear-gradient(top, #fa0808 5%, #f72e2e 100%)!important;
	background:-ms-linear-gradient(top, #fa0808 5%, #f72e2e 100%)!important;
	background:linear-gradient(to bottom, #fa0808 5%, #f72e2e 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa0808', endColorstr='#f72e2e',GradientType=0)!important;
	background-color:#fa0808!important;
}
.btn-color-red1:active 
{
    background-color:#eb675e!important;
}


/*multi select*/
/*animation function css*/
.btn-warning
{
    background:red;
    -webkit-animation-name: animation_btn_Warning;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;  
    /* Standard syntax */
    animation-name: animation_New_function;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running; 
}
/* Chrome, Safari, Opera */
@-webkit-keyframes animation_btn_Warning
{
    from {background:red;}
    to {background:yellow;}
}

/* Standard syntax */
@keyframes animation_btn_Warning
{
    from {background:red;}
    to {background:yellow;}
}